//专门用来写 头部的加载和头部所有 js 功能
define(["jquery"],() =>{
    // 里面使用$ 符号 代表他依赖 jquery
    class Header{
        constructor(){
            this.load().then(this.inputChange)
            //在 this.load 后面想要使用 。then 只有promisee 对象 能够使用 。then  
            // 也就是说 this.load 方法内部必须给我返回一个promise 对象 我才可以这么做
            this.login()
        }
        load(){
            //专门加载html文件
            return new Promise(resolve =>{
                $("header").load("/html/header.html",resolve)
            })
            
        }
        inputChange(){
            
            $('.top-soso').on('input',function(){
                 //拿到文本框里面的值
                console.log($(this).val())
               

            })
        }
        //登录页面
        login(){
            console.log($('unlogin').children('a'))
            $('.unlogin').find('a').on('click', function(){
                $('.login-page').css('display','block')
            })
        }
        
    }
    return new Header()
})